<template>
  <div class="flex flex-col min-h-screen overflow-hidden">
    <!-- Site header -->
    <Header />

    <!-- Page content -->
    <main class="grow">
      <ServicesBanner :params="bannerParams" />
      <!-- Cases of Rapid Tooling Making -->
      <CasesOfRapidTooling />
      <!-- Rapid Tooling Services -->
      <RapidToolingServices />
      <!-- What is Rapid Tooling -->
      <WhatIsRapidTooling />
      <!-- Rapid Tooling Materials -->
      <RapidToolingMaterials />
      <!-- Types of Rapid Tooling -->
      <TypesOfRapidTooling />
      <!-- Advantage of Rapid Tooling -->
      <AdvantageOfRapidTooling />
      <!-- How Make Rapid Tooling in Maxprecise Global -->
      <HowMakeRapidTooling />
      <!-- Common Applications -->
      <Applications :applications="applications" class="mt-24" />
      <!-- OUR ADVANTAGE -->
      <OurAdvantage class="mt-24" />
      <StatsCard class="mt-24" />
      <!-- Rapid Tooling FAQs -->
      <RapidToolingFAQs class="mt-24" />
    </main>
    <!-- Site footer -->
    <Footer />
  </div>
</template>

<script setup>
import Header from '../../components/common/Header.vue'
import Footer from '/src/components/common/Footer.vue'
import ServicesBanner from '../../components/ServicesBanner.vue'
import RapidToolingFAQs from '../../components/Services/RapidTooling/RapidToolingFAQs.vue'
import StatsCard from '../../components/common/StatsCard.vue'
import OurAdvantage from '../../components/Home/OurAdvantage.vue'
import Applications from '../../components/common/Applications.vue'
import RapidToolingServices from "../../components/Services/RapidTooling/RapidToolingServices.vue";
import WhatIsRapidTooling from "../../components/Services/RapidTooling/WhatIsRapidTooling.vue";
import RapidToolingMaterials from "../../components/Services/RapidTooling/RapidToolingMaterials.vue";
import TypesOfRapidTooling from "../../components/Services/RapidTooling/TypesOfRapidTooling.vue";
import AdvantageOfRapidTooling from "../../components/Services/RapidTooling/AdvantageOfRapidTooling.vue";
import HowMakeRapidTooling from "../../components/Services/RapidTooling/HowMakeRapidTooling.vue";

import banner from "/src/images/services/banner-rapid-tooling.webp";
import CasesOfRapidTooling from "../../components/Services/RapidTooling/CasesOfRapidTooling.vue";

const applications = {
  title: 'Common Applications',
  subTitle:
    'Rapid tooling making finds applications in diverse industries. Our team of experts specializes in delivering production solutions that expedite your product’s time to market.'
}

const bannerParams = {
  imgUrl: banner,
  title: 'Rapid Tooling Services',
  subtitle: [
    'Instant quotes and DFM feedback',
    'Complex parts as fast as 2 days',
    '2D drawings accepted',
    '95.4% parts delivered on time and to-spec'
  ]
}
</script>

<style scoped></style>
